<template>
	<view class="content">
		<view>
			<text class="title1">申请表</text>
		</view>
		
		<view class="input-item" style="margin-top: 80rpx;">
		    <view class="title-content">
		        <text class="title">姓名</text>
		    </view>
		    <input class="input" placeholder="" style="margin-left: 40rpx;" />
		</view>
		
		<view class="input-item" style="margin-top: 60rpx;">
		    <view class="title-content">
		        <text class="title">手机号</text>
		    </view>
		    <input class="input" placeholder="" style="margin-left: 40rpx;" />
		</view>
		
		<view class="input-item" style="margin-top: 60rpx;">
		    <view class="title-content">
		        <text>身份证号</text>
		    </view>
		    <input class="input" placeholder="" style="margin-left: 40rpx;" />
		</view>
		
		<view class="input_d" style="margin-top: 60rpx;">
		    <text class="title">申请理由</text>
		    <input class="input_1" placeholder="" style="margin-left: 40rpx;" />
		</view>
		
		<view class="button" @click="clickCard">提交申请</view>
		
	</view>
</template>

<script>
export default {
	data() {
			return {}
		},
	methods: {
		clickCard() {
					uni.showToast({
						title: '已提交成功，请等待审核',
						icon: 'none'
					});
				}
	
		}
	}
</script>

<style>
	.title1{
		margin-left: 150px;
		font-size: 25px;
		color: #808080;
	}
	.button {
		position: absolute;bottom: 0upx;
	    height: 50px;
		width: 100%;
		border-top: 2px solid #cccccc;
	    line-height: 50px;
	    font-size: 20px;
		font-weight: 600;
	    background-color: #f0d3c7;
	    color: #505050;
	    text-align: center;
	}
	.input-item {
		
	    display: flex;
	    margin-left: 32rpx;
	    margin-right: 32rpx;
	    height: 50px;
	    align-items: center;
	    border-bottom: 1px solid #f0d3c7;
	    margin-bottom: 20rpx;
		
	    .title-content {
	        display: flex;
	        justify-content: flex-start;
	        align-items: center;
		
	        .title {
	            font-size: 18px;
	        }
	    }
		
	    .input {
	        flex: 1;
	    }
	}
	.input_1{
		border: 1px solid #f0d3c7;
		width: 250px;
		height: 230px;
	}
	.input_d{
		display: flex;
		margin-left: 32rpx;
		margin-right: 32rpx;
		align-items: center;
		
	}
</style>
